@charset "utf-8";
/* CSS Document */
 * {
            outline: none;
            -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
            vertical-align: baseline;
            font-style: normal;
        }

        body {
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-family: Microsoft Yahei, Arial, Simsun, Helvetica, Segoe UI, sans-serif;
            color: #404040;
            background-color: #EFEFF4;
        }

        img {
            border: 0
        }

        ul, ol, li, dt, dl, dd {
            text-decoration: none;
            list-style: none;
            vertical-align: middle;
            margin: 0;
            padding: 0;
        }

        a {
            color: #373737;
            text-decoration: none;
        }
	
    .clear, .space {overflow: hidden; height: 0px; line-height: 0px; background: none; border: none; padding: 0; margin: 0;}
    .clear {clear: both;}

.mainMenu {
        position:fixed;
        width: 100%;
        height: 50px;
        bottom: 0px;
        background-color: #F8F8F8;
        border-top: 1px solid #eaeae8;
        font-size: 12px;
    }

    .mainMenu div {
        width: 33%;
        height: 22px;
        line-height: 22px;
        float: left;
        text-align: center;
        padding-top: 28px;
        background-image: url(../images/toolsGray.png?t=2);
        background-repeat: no-repeat;
        background-size: 50px auto;
        color: #888;
    }

    .mainMenu div.selected {
        background-image: url(../images/toolsBlue.png?t=2);
        color: #d83037;
    }

    .mainMenu a div {
        color: #888;
    }

    .mainMenu .myHome {
        background-position: 50% -7px;
    }

    .mainMenu .publish {
        height: 50px;
        padding-top: 0px;
        background-position: 50% -70px;
        background-size: 60px;
		padding-top:28px;
    }

    .mainMenu .my {
        background-position: 50% -107px;
    }
    .supportBanner {
        width: 100%;
        text-align: center;
        height: 49px;
        line-height: 49px;
        font-size: 12px;
        border-top: 1px solid #eaeae8;
        background-color: #F8F8F8;
        margin-top: 10px;
        color: #888;
        visibility: hidden;
    }
    
    .supportBanner a {
        color: #F2B896
    }
 .fixednumMask {
        position: fixed;
        width: 100%;
        opacity: 0;
        top: 0px;
        bottom: 0px;
        background-color: #000;
        display: none;
        z-index: 999;
    }

    .fixednumMain {
        position: fixed;
        bottom: -410px;
        left: 0px;
        z-index: 1199;
        background: #F0F0F0;
        width: 100%;
    }

    .fixednumMain .tipBanner {
        height: 42px;
        width: 100%;
        background: #F0F0F0;
        border-top: 1px solid #cacaca;
        font-size: 16px;
    }

    .fixednumMain .tipBanner span.title,
    .fixednumMain .priceBanner span.title {
        line-height: 42px;
        float: left;
        text-indent: 10px;
        min-width: 65px
    }

    .fixednumMain .tipBanner .last,
    .fixednumMain .priceBanner .editTxt {
        float: left;
        width: 60%;
        height: 30px;
        line-height: 30px;
        margin: 6px 0;
        color: #7596D9;
        text-indent: 4px;
        overflow: hidden;
        font-size: 20px;
        font-family: "Helvetica neue", Verdana, Geneva, sans-serif;
    }

    .fixednumMain .tipBanner .close {
        float: right;
        width: 42px;
        height: 42px;
        background-image: url(../images/close.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 28px;
    }

    .fixednumMain .tipBanner .finish{
        float:right;
        width:42px;
        height:42px;
        background-size:30px;
        line-height:40px;
        font-size:16px;
        color:#007aff;
    }

    .fixednumMain .priceBanner {
        background: #fff;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
        width: 100%;
        position: relative;
    }

    .fixednumMain .priceBanner .editTxt .hover {
        border-right: 2px solid red;
    }

    .fixednumMain .priceBanner .tips {
        color: #999;
        font-size: 14px;
        margin-right: 10px;
        overflow: hidden;
        height: 42px;
        position: absolute;
		display:none;
        right: 0;
        top: 0
    }
    
    .fixednumMain .btnBanner {
        margin: 0 auto;
        width: 96%;
        padding: 10px 0px;
        display: table;
    }

    .fixednumMain .btnBanner .confirmBtn,
    .fixednumMain .btnBanner .fixedPrice  {
        background: #06BE04;
        padding: 2.5% 0;
        border-radius: 4px;
        width: 66%;
        text-align: center;
        font-size: 18px;
        color: #fff;
        border: none;
        float: left;
        height: 24px;
        line-height: 24px;
    }

    .fixednumMain .btnBanner .fixedPrice {
        background: #01B7F0;
        width: 32%;
        float: left;
        margin-right: 2%;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
    }

    .fixednumMain .btnBanner .confirmBtn:only-child{
        padding: 10px 0;
        width: 100%;
    }

.mainTitle {height:55px;background:#d83037;text-align:center;}
.mainTitle span {color:#fff;font-size:20px;line-height:55px;}
.slider {width:100%;}
.footerDiv {background:#fff;}
.footerLinks {height:50px;border-bottom:#d6d6d6 1px solid;}
.footerLinks ul li {width:24.5%;height:30px;font-size:1.2em;text-align:center;line-height:30px;margin-top:10px;border-right:#d6d6d6 1px solid;float:left;}
.footerLinks ul li:last-child {border:none;}
.copyRight {height:50px;}
.copyRight p {color:#777;line-height:50px;margin:0px;text-align:center;}
    
    @charset "utf-8";
/* CSS Document */

  .myMain {
            width: 100%;
            display: table;
        }

        .myMain .myinfoContainer {
            position: relative;
            width: 100%;
            height: 220px;
            background-image: url(../images/myinfoBg.jpg?t=3);
            background-position: center bottom;
            background-size: 100% auto;
            background-repeat: no-repeat;
        }

        .myMain .myinfoContainer .avatarBox {
            position: absolute;
            width: 80px;
            height: 80px;
            border-radius: 80px;
            background-color: rgba(255, 255, 255, 0.8);
            top: 26px;
            left: 50%;
            margin-left: -40px;
        }

        .myMain .myinfoContainer .avatar {
            width: 76px;
            height: 76px;
            border-radius: 76px;
            background-size: 100% 100%;
            background-position: center;
            background-repeat: no-repeat;
            margin: 2px;
        }

        .myMain .myinfoContainer .name {
            position: absolute;
            width: 80%;
            left: 10%;
            height: 30px;
            line-height: 30px;
            top: 112px;
            text-align: center;
            font-size: 18px;
            color: #FFF;
            overflow: hidden;
        }

        .myMain .myinfoContainer .signature {
            position: absolute;
            width: 80%;
            left: 10%;
            height: 20px;
            line-height: 20px;
            top: 144px;
            text-align: center;
            font-size: 14px;
            color: #FFF;
            overflow: hidden;
        }

        .myMain .myinfoContainer .statics {
            position: absolute;
            width: 251px;
            height: 36px;
            top: 175px;
            left: 50%;
            margin-left: -125.5px;
        }

        .myMain .myinfoContainer .statics .staticsItem {
            float: left;
            width: 62px;
            line-height: 18px;
            font-size: 13px;
            text-align: center;
            color: #FFF;
            margin-bottom: 12px;
        }

        .myMain .myinfoContainer .statics .line {
            float: left;
            width: 1px;
            height: 26px;
            margin: 5px 0;
            background-color: rgba(255,255,255,0.3);
        }

        .myMain .menuBanner {
            width: 100%;
            height: 45px;
            background-color: #FFF;
            position: relative;
        }

        .myMain .menuBanner.hide {
            display: none;
        }

        .myMain .menuBanner.fixed {
            position: fixed;
            top: 0px;
            box-shadow: 0px 1px 4px #ededed;
            z-index: 999;
        }

        .myMain .menuBanner .menuItem {
            float: left;
            width: 49.8%;
            height: 25px;
            line-height: 25px;
            margin: 10px 0;
            text-align: center;
            font-size: 14px;
        }

        .myMain .menuBanner.fixed .menuItem {
            border-right: 1px solid #ededed;
        }

        .myMain .menuBanner.fixed .menuItem:last-child {
            border-right: none;
        }

        .myMain .menuBanner .menuItem.selected span {
            color: #ff6800;
        }

        .myMain .menuBanner .shakeMenuItem {
            width : 56px;
            height: 56px;
            background-image: url(../images/shakeMenu.png);
            background-size: 100% auto;
            background-position: center top;
            background-repeat: no-repeat;
            position: absolute;
            left: 50%;
            top: -11px;
            margin-left: -28px;
        }

        .myMain .listContainer {
            width: 96%;
            margin: 0 2%;
            display: table;
        }

        .myMain .listContainer .publishHelper {
            width: 100%;
            height: 120px;
            background-image: url(/res/img/publishHelper.png?t=1);
            background-size: auto 70%;
            background-position: center bottom;
            background-repeat: no-repeat;
        }

        .myMain .listContainer .publishHelper .finger {
            position: absolute;
            width: 50px;
            height: 50px;
            bottom: 65px;
            left: 50%;
            margin-left: -25px;
            background-image: url(/res/img/finger.png);
            background-size: 70%;
            background-position: center;
            background-repeat: no-repeat;
        }

        .myMain .listContainer.like {
            display: none;
        }

        .myMain .listContainer .titleBanner {
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            background-image: url(/res/img/line.png);
            background-repeat: repeat-x;
            background-position: center;
        }

        .myMain .listContainer .titleBanner .title {
            width: 100px;
            margin: 0 auto;
            height: 40px;
            text-align: center;
            background-color: #FFF;
        }

        .myMain .listContainer .saleBox {
            width: 100%;
            display: table;
        }

        .myMain .listContainer .saleBox .saleItem {
            float: left;
            width: 49%;
            background-color: #FFF;
            margin-top: 3px;
            margin-bottom: 7px;
        }

        .myMain .listContainer .saleBox .saleItem:nth-child(2n+1) {
            margin-left: 0;
        }

        .myMain .listContainer .saleBox .saleItem:nth-child(2n) {
            margin-left: 2%;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg {
            position: relative;
            width: 100%;
            height: 235px;
            background-repeat: no-repeat;
            background-position: 50%;
            background-size: cover;
            border-radius: 1px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .handle {
            position: absolute;
            bottom: 5px;
            right: 5px;
            width: 32px;
            height: 32px;
            background-image: url(/res/img/handleIcons.png?t=2);
            background-size: auto 100%;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .handle.show {
            background-position: 0px 0px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .handle.hide {
            background-position: -32px 0px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .handle.unpublish {
            background-position: -64px 0px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .handle.delete {
            background-position: -96px 0px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .endTime {
            position: absolute;
            bottom: 5px;
            right: 0px;
            width: 93px;
            height: 26px;
            line-height: 26px;
            background-image: url(/res/img/endTimeBg.png);
            background-size: 100% 100%;
            color: #FFF;
            text-indent: 24px;
        }

        .myMain .listContainer .saleBox .saleItem .saleImg .bought {
            position: absolute;
            bottom: 5px;
            right: 5px;
            width: 74px;
            height: 44px;
            background-image: url(/res/img/bought.png);
            background-size: 100% 100%;
        }

        .myMain .listContainer .saleBox .saleItem .saleDesc {
            height: 26px;
            line-height: 26px;
            margin: 0 2px;
            overflow: hidden;
        }

        .myMain .listContainer .saleBox .saleItem .saleDesc.hasBzj {
            text-indent: 20px;
            background-image: url(/res/img/shieldIcon.png);
            background-repeat: no-repeat;
            background-size: auto 68%;
            background-position: left center;
        }

        .myMain .listContainer .saleBox .saleItem .saleInfo  {
            margin: 0 2px;
            height: 18px;
            line-height: 18px;
        }

        .myMain .listContainer .saleBox .saleItem .saleDesc span,
        .myMain .listContainer .saleBox .saleItem .saleInfo span {
            color: #9e0006;
        }

        .myMain .listContainer .saleBox .saleItem .saleInfo .bid {
            float: left;
            text-align: left;
            font-size: 13px;
        }

        .myMain .listContainer .saleBox .saleItem .saleInfo .statics,
        .myMain .listContainer .saleBox .saleItem .saleInfo .endTime {
            float: right;
            text-align: left;
            color: #ACACAC;
        }

        .myMain .listContainer .saleBox .saleItem .saleInfo .statics {
            text-indent: 18px;
            background-size: auto 70%;
            background-position: left 40%;
            background-repeat: no-repeat;
            background-image: url(../images/popularity.png);
        }

        .myMenu {
            position:absolute;
            top: 9px;
            left: 5px;
            width: 60px;
            height: 36px;
            background-image: url(../images/my_menu.png);
            background-size: 20px;
            background-position: 40% center;
            background-repeat: no-repeat;
        }

        .myMenu .hasNew {
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 6px;
            background-color: #FF0000;
            top: 1px;
            right: 1px;
        }

        .myMenuMain {
            position: fixed;
            width: 100%;
            top: 0px;
            bottom: 0px;
            display: none;
            z-index: 9999;
        }

        .myMenuMain .menuMask {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #FFF;
            opacity: 0;
        }

        .myMenuMain .menuBox {
            position: relative;
            width: 60%;
            height: 100%;
            margin-left: -76%;
            background-color: rgba(255, 255, 255, 0.98);
        }

        .myMenuMain .menuBox .menuItem {
            position: relative;
            width: 100%;
            height: 48px;
            border-bottom: 1px solid #F0F0F0;
        }

        .myMenuMain .menuBox .menuItem:last-child {
            border-bottom: none;
        }

        .myMenuMain .menuBox .menuItem.userinfo {
            height: 80px;
        }

        .myMenuMain .menuBox .menuItem.userinfo .avatar {
            position: absolute;
            width: 50px;
            height: 50px;
            top: 15px;
            left: 20px;
            border-radius: 60px;
            background-size: 100% 100%;
        }

        .myMenuMain .menuBox .menuItem.userinfo .name {
            position: absolute;
            top: 15px;
            left: 90px;
            font-size: 16px;
            height: 26px;
            line-height: 26px;
            max-width: 50%;
            padding-right: 30px;
            overflow: hidden;
        }

        .myMenuMain .menuBox .menuItem.userinfo .name .syncUserinfo {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 26px;
            height: 26px;
            line-height: 26px;
            margin-left: 4px;
            border-radius: 2px;
            background-image: url(/res/img/refresh.png?t=1);
            background-repeat: no-repeat;
            background-size: auto 50%;
            background-position: center;
        }

        .myMenuMain .menuBox .menuItem.userinfo .signature {
            position: absolute;
            left: 90px;
            bottom: 20px;
            font-size: 14px;
            height: 20px;
            line-height: 20px;
            max-width: 60%;
            color: #878787;
            overflow: hidden;
        }

        .myMenuMain .menuBox .menuItem .title {
            position: absolute;
            top: 9px;
            left: 15px;
            width: 140px;
            height: 30px;
            line-height: 30px;
            background-image: url(../images/myMenuIcons.png?t=8);
            background-size: 36px;
            background-repeat: no-repeat;
            text-indent: 40px;
            font-size: 14px;
            color: #878787;
        }

        .myMenuMain .menuBox .menuItem .desc {
            position: absolute;
            top: 9px;
            right: 20px;
            height: 30px;
            line-height: 30px;
            color: #888;
        }

        .myMenuMain .menuBox .menuItem .desc span {
            color: #ff6800;
        }

        .myMenuMain .menuBox .menuItem.msg .title {
            background-position: 0px -3px;
        }

        .myMenuMain .menuBox .menuItem.balance .title {
            background-position: 0px -364px;
        }

        .myMenuMain .menuBox .menuItem.order .title {
            background-position: 0px -39px;
        }

        .myMenuMain .menuBox .menuItem.shop .title {
            background-position: 0px -111px;
        }

        .myMenuMain .menuBox .menuItem.saleMsg .title {
            background-position: 0px -292px;
        }

        .myMenuMain .menuBox .menuItem.pdInventory .title {
            background-position: 0px -328px;
        }

        .myMenuMain .menuBox .menuItem.shake .title {
            background-position: 0px -149px;
        }

        .myMenuMain .menuBox .menuItem.manage .title {
            background-position: 0px -254px;
        }

        .myMenuMain .menuBox .menuItem .hasNew {
            position: absolute;
            width: 5px;
            height: 5px;
            border-radius: 5px;
            background-color: #FF0000;
            top: 16px;
            left: 40px;
        }

        .myMenuMain .menuBox .menuBottom {
            position: absolute;
            width: 100%;
            bottom: 0px;
            height: 40px;
        }

        .myMenuMain .menuBox .menuBottom .menuItem {
            float: left;
            height: 30px;
            line-height: 30px;
            margin: 5px 0;
            border-bottom: none;
        }

        .myMenuMain .menuBox .menuBottom .menuItem.about {
            width: 140px;
        }

       

        .myMenuMain .menuBox .menuBottom .menuItem .title {
            float: left;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
        }

        .myMenuMain .menuBox .menuBottom .menuItem.about .title {
            background-position: 0px -183px;
        }

        .myMenuMain .menuBox .menuBottom .menuItem.help .title {
            background-position: 0px -219px;
        }

        .balanceMenu{
            position: fixed;
            top: 9px;
            right: 0px;
            height: 36px;
            line-height: 36px;
            border-radius: 17.5px 0 0 17.5px;
            color: #FFF;
            text-align: center;
            font-size: 12px;
            background-color: rgba(0,0,0,0.2);
            background-image: url(../images/wallet.png);
            background-size: 20px;
            background-repeat: no-repeat;
            background-position: 14px center;
            padding-left: 40px;
            padding-right: 10px;
            font-size:14px;
        }

        .myAdminMenu {
            position: fixed;
            left:0px;
            top: 55px;
            right: 12px;
            width: 70px;
            height: 36px;
            line-height: 36px;
            border-radius: 0px 17.5px 17.5px 0px;
            color: #FFF;
            text-align: center;
            font-size: 12px;
            background-color: rgba(0,0,0,0.2);
        }
.supportBanner {
        width: 100%;
        text-align: center;
        height: 49px;
        line-height: 49px;
        font-size: 12px;
        border-top: 1px solid #eaeae8;
        background-color: #F8F8F8;
        margin-top: 10px;
        color: #888;
        visibility: hidden;
    }
    
    .supportBanner a {
        color: #F2B896
    }
	
/* main_image */
.main_visual{height:200px;overflow:hidden;position:relative;}
.main_image{height:200px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:200px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:422px;}
.main_image li span{display:block;width:100%;height:200px}
.main_image li a{display:block;width:100%;height:200px}
.main_image li img {height:200px;width:100%;}


div.flicking_con{position:absolute;top:165px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.mainButtons {height:250px;padding-top:20px;background:#ffa8ab;}
.mainButtons ul li {width:33%;height:100px;margin-top:20px;text-align:center;float:left;}
.phone {color:#fff;width:100%;height:40px;font-family:"微软雅黑";font-size:1.5em;text-align:center;line-height:40px;background:#d93036;}
.phone a {color:#fff;font-family:"微软雅黑";font-size:1.1em;}
.mainButtons ul li img {width:55px;height:50px;}
.mainButtons ul li h2 {color:#fff;font-size:1.2em;line-height:20px;margin-top:5px;}
    